<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!--头部固定引用-->
    <meta charset="utf-8">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/icon-font.css"/><!--图标-->
    <!--固定引用结束,自定义引用添加在下面-->
    <title>编辑</title>
    <!--页面样式添加在这里，多看看base。css里面的公共样式，大部分常用的都有，避免使用独立css文件为单独页面设置样式，避免随意添加样式到公共样式-->
    <style>
        .help-center-division {
            height: 0.16rem;
            background: rgba(244, 244, 244, 1);
        }


        .edit-input-font {
            padding: 0.32rem;
        }

        .edit-input-inco {
            color: rgba(159, 159, 159, 1);
            padding: 16px;
        }

        .edit-right-bar {
            font-size: 15px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(44, 104, 255, 1);
        }

        .edit-input-key {
            width: 6rem;
        }
    </style>
</head>
<!--尽量不要在body上添加样式，除了背景色-->
<body>
<div class="h-100-p flex-column">

    <!-- 导航栏&标题栏 -->
    <div class="placeholder-top">
        <!--状态栏-->
        <div class="bg-main status-bar"></div>
        <!--导航栏-->
        <div class="bg-main nav-bar flex-row justify-content-between c-white align-items-center">
            <div class="left-bar" onclick="clickBack()">
                <span class="iconfont iconfanhui1 fs16"></span>
            </div>
            <div class="center-bar fs16 ff500 line1">编辑</div>
            <div class="right-bar align-items-center edit-right-bar" onclick="save()">
                保存
            </div>
        </div>
    </div>

    <!--分割线-->
    <div class="help-center-division"></div>

    <!--输入框-->
    <div class="bg-main flex-row justify-content-between align-items-center">
        <div class="edit-input-font align-items-center">
            <input class="edit-input-key fs15" oninput="onInput()" placeholder="请输入">
        </div>
        <span class="iconfont iconshanchu fs16 edit-input-inco" onclick="clerarInput()"></span>
    </div>

</div>
</body>
<!--下面四个文件为固定引用，自己根据情况调整路径，不要跟换引入顺序，其他引用添加在后面-->
<script src="../../js/dict.js"></script>
<script src="../../js/jquery-3.4.1.min.js"></script>
<script src="../../js/checkJsBridge.js"></script>
<script src="../../js/utils.js"></script>
<script src="../../js/api.js"></script>
<!--固定引用结束-->
<!--避免一个页面包含过多功能，减少js重绘页面，推荐分功能，分页面-->
<script>
  let pm = {
    val: ''
  }

  /*固定页面初始化方法，用于替代$(function(){}),param为url参数，Object类型*/
  function initPage(params) {
    Utils.sbhAdaptive()
    pm.val = params.val
    pm.type = params.type
    if (!pm.val) {
      $('.edit-input-inco').hide()
    } else {
      $('.edit-input-key').val(pm.val)
    }
  }

  /*页面所在窗口由后台前台时触发的方法,param为url参数，Object类型*/
  function startPage(params) {

  }

  function reLoadPage() {
  }

  function onInput() {
    //如果输入框的长度大于0则展示
    if ($('.edit-input-key').val().length > 0) {
      $('.edit-input-inco').show()
    }
  }

  function clerarInput() {
    //清除输入
    $('.edit-input-key').val('')
    //隐藏删除按钮
    $('.edit-input-inco').hide()
  }

  //   // 修改用戶信息  headSculpture 头像； realName 姓名； email 邮箱； phone 座机； liveAddress 所在城市    // mobile 手机、
  function save() {
    let val = $('.edit-input-key').val()
    //如果输入框中无数据
    if (val && val.trim()) {
      // 正则验证邮箱
      //eslint-disable-next-line no-useless-escape
      const pattern = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
      //正则 验证座机
      //eslint-disable-next-line no-useless-escape
      const regexp = /^((\d{3,4}\-)|)\d{7,8}(|([-\u8f6c]{1}\d{1,5}))$/
      // 不允许输入数字
      const number = /\d/

      // 表情正则
      const emoji = /\ud83c[\udf00-\udfff]|\ud83d[\udc00-\ude4f]|\ud83d[\ude80-\udeff]/
      // 不允许输入表情
      if(emoji.test(val)){
        jsBridge.callBridge('toast', {msg: '请勿输入表情'})
        return
      }

      if (pm.type === '1' && !pattern.test(val)) {
        jsBridge.callBridge('toast', {msg: '请输入正确的邮箱'})
        return
      } else if (pm.type === '2' && !regexp.test(val)) {
        jsBridge.callBridge('toast', {msg: '请输入正确的座机'})
        return
      } else if (pm.type === '3' && number.test(val)) {
        jsBridge.callBridge('toast', {msg: '请输入正确的地点'})
        return
      }
      let obj = pm.type === '0' ? {realName: val} : pm.type === '1' ? {email: val} : pm.type === '2' ? {phone: val} : {liveAddress: val}
      Server.editPersonal.updateAppUserInfo(obj).then(function (data) {
        jsBridge.callBridge('toast', {msg: '保存成功'})
        clickBack()
      }).catch((err) => {
        jsBridge.callBridge('toast', {msg: '保存失败'})
        jsBridge.log(err)
      })
    } else {//如果输入框中有数据
      jsBridge.callBridge('toast', {msg: '请输入内容'})
    }
  }


</script>
</html>
